//我的css
#info {
    .contents(88%);
    .userinfo {
        .setup {
            padding-top: 1.2vw;
            .height(14.5vw);
            text-align: right;
            font-size: @font20;
            color: @color839eb9;
        }
        header {
            .clearfix();
            .info {
                float: left;
            }
            .userPortrait {
                padding-left: 2vw;
                .van-icon {
                    .height(8.8vw);
                    text-align: center;
                    width: 8.8vw;
                    background: @color839eb9;
                    border-radius: 100%;
                    color: #FFFFFF;
                }
            }
            .mobelTitle {
                color: @color839eb9;
                font-weight: 700;
                padding-left: 3vw;
                .phone {
                    font-size: @font24;
                    color: @color1f3f59;
                }
                .uid {
                    color: @color1f3f59;
                    font-weight: 400;
                    font-size: @font14;
                    padding-left: 1vw;
                    margin-top: 1.5vw;
                }
            }
            .signWarp {
                float: right;
                //             padding-top: 2vw;
                .van-icon {
                    font-size: @font14;
                    .height(8.5vw);
                    text-align: center;
                    width: 8.5vw;
                    background: #f3a78a;
                    border-radius: 100%;
                    color: #fff;
                }
                span {
                    font-size: @font12;
                    color: @color839eb9;
                    position: relative;
                    left: 3px;
                }
            }
        }
        .balance {
            margin-top: 4.5vw;
            border-radius: 1.2vw;
            height: 22vw;
            background-color: #d1d8de;
            color: @color839eb9;
            font-weight: 700;
            font-size: @font24;
            text-align: center;
            .dataNum {
                padding-top: 2vw;
                line-height: 12vw;
            }
            .dataName {
                font-size: @font12;
            }
        }
        .usernav {
            .lisWarp {
                .lis {
                    .height(12.8vw);
                    margin-top: 1vw;
                    position: relative;
                    border-bottom: 1px solid @line;
                    .van-icon {
                        color: @color839eb9;
                        font-size: @font18;
                    }
                    .van-icon-arrow {
                        position: absolute;
                        right: 0;
                        top: 33%;
                    }
                    span {
                        color: @color1f3f59;
                        font-size: @font16;
                        font-weight: 700;
                        display: inline-block;
                        padding-left: 4vw;
                    }
                }
                .last {
                    border-bottom: none;
                }
                .mixiNum {
                    font-style: normal;
                    display: inline-block;
                    position: absolute;
                    right: 5.4vw;
                    font-size: @font12;
                    .height(4.5vw);
                    width: 4.5vw;
                    padding-left: 0;
                    border-radius: 100%;
                    background-color: @up;
                    color: #FFFFFF;
                    text-align: center;
                    top: 4.2vw;
                }
            }
        }
    }
}

//个人中心
#personalCenter {
    .personalCenterWarp {
        .contents(88%);
        .loginReightTitle();
        .personalInfo {
            .lisWarp {
                color: @color1f3f59;
                font-size: @font16;
                .lis {
                    .height(12vw);
                }
            }
        }
    }
}

//邀请好友
#inviteFriends,
#recharge {
    .van-popup--right {
        .van-right() 
    }
    .inviteFriendsWarp,
    .rechargeWarp {
        .contents(88%);
        .loginReightTitle();
        .ewm {
            text-align: center;
            img {
                width: 35%;
            }
            .save {
                color: @up;
                font-size: @font14;
                .height(6.2vw);
            }
        }
        .linkAddress {
            padding-top: 5vw;
            .address {
                background-color: @colorf4f8fb ;
                padding: 0 1.2vw;
                box-sizing: border-box;
            }
            margin-top: 3vw;
            height: 18vw;
            border-radius: 1.2vw;
            background-color: @colorf4f8fb;
            font-size: @font14;
            text-align: center;
            .ale {
                margin-top: 1vw;
                color: @up;
            }
        }
        .instructions {
            padding-top: 8vw;
            font-size: @font14;
            color: @color5e5e5e;
        }
    }
}

//关于我们
#aboutUs {
    .aboutUsWarp {
        .contents(88%);
        .loginReightTitle();
        .lisWarp {
            .list {
                color: @color1f3f59;
                font-weight: 700;
                font-size: @font16;
                .height(8.5vw);
                border-bottom: 1px solid @line;
                position: relative;
                .van-icon {
                    position: absolute;
                    right: 0;
                    top: 33%;
                    color: @color839eb9;
                }
            }
        }
    }
}

//安全中心
#security {
    .securityWarp {
        .contents(88%);
        .loginReightTitle();
        .lisWarp {
            .list {
                color: @color1f3f59;
                font-size: @font14;
                .height(13.5vw);
                border-bottom: 1px solid @line;
                position: relative;
                .state,
                .van-icon {
                    position: absolute;
                    right: 0;
                    top: 33%;
                    color: @colorc5cfd5;
                }
                .state {
                    color: @color839eb9;
                    right: 5vw;
                    top: 0;
                }
            }
        }
    }
}

//绑定邮箱
#securityEmail {
    .emailWarp {
        .contents(88%);
        .loginReightTitle();
    }
    .formWarp {
        .btnWarp {
            .allBtn();
            margin-top: 20vw;
        }
    }
}

//设置登录密码
#securityTpwd {
    .tpwdWarp {
        .contents(88%);
        .loginReightTitle();
        .formWarp {
            .btnWarp {
                .allBtn();
                margin-top: 20vw;
            }
            .van-cell__value--alone {
                margin-top: 4.8vw;
            }
        }
    }
}

//设置支付密码
#securityOpwd {
    .opwdWarp {
        .contents(88%);
        .loginReightTitle();
        .formWarp {
            .van-cell__value--alone {
                margin-top: 4.8vw;
            }
            .mobile {
                color: @colorc5cfd5;
                .height(16vw);
                font-size: @font16;
            }
            .codeWarp {
                position: relative;
                .prompt {
                    position: absolute;
                    right: 0;
                    top: 4vw;
                    background-color: @up ;
                    color: #FFFFFF;
                    width: 26vw;
                    border-radius: 1.2vw;
                    font-size: @font12;
                    text-align: center;
                }
            }
            .btnWarp {
                .allBtn();
                margin-top: 15vw;
            }
        }
    }
}

//身份验证
#securityName {
    .nameWarp {
        .contents(88%);
        .loginReightTitle();
        .formWarp {
            .title {
                color: @color1f3f59;
                font-size: @font16;
                margin-top: 6vw;
                padding: 0;
                display: inline-block;
            }
            .cardImgs {
                .imgsWarp {
                    padding-top: 5vw;
                    .clearfix();
                    .img1,
                    .img2,
                    .img3 {
                        position: relative;
                        float: left;
                        width: 30%;
                        height: 26vw;
                        padding: 0 1.2%;
                        img {
                            width: 100%;
                            height: 100%;
                        }
                        .preview {
                            position: absolute;
                            top: 0;
                            left: 0;
                        }
                    }
                }
            }
            .btnWarp {
                .allBtn();
            }
        }
    }
    //上传二维码
    .el-form-item__content {
        text-align: center;
    }
    .webuploader-container {
        position: relative;
    }
    .webuploader-element-invisible {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        /* IE6, IE7 */
        clip: rect(1px, 1px, 1px, 1px);
    }
    .webuploader-pick {
        position: relative;
        display: inline-block;
        cursor: pointer;
        color: red;
        font-size: @font14;
        //  background: #00b7ee;
        //  padding: 10px 15px;
        text-align: center;
        border-radius: 3px;
        overflow: hidden;
        width: 100%;
    }
    .webuploader-pick-disable {
        opacity: 0.6;
        pointer-events: none;
    }
}

//账户充值
#recharge {
    .iconList {
        position: fixed;
        right: 4vw;
        top: 4vw;
        z-index: 999;
    }
}

//账户提现
#withDrawal {
    .van-popup--right {
        .van-right() 
    }
    .iconList {
        position: fixed;
        right: 4vw;
        top: 4vw;
        z-index: 999;
    }
    .withDrawalWarp {
        .contents(88%);
        .loginReightTitle();
        padding-bottom: 10vw;
        header {
            font-size: @font16;
            color: @color1f3f59;
            font-weight: 700;
            .canUser {
                display: inline-block;
                line-height: 8vw;
                margin-bottom: 2vw;
            }
        }
        .formWarp {
            padding-top: 4vw;
            .title {
                font-size: @font14;
                color: @color1f3f59;
                font-weight: 700;
            }
            .address,
            .num,
            .opwd,
            .mobileCode {
                margin-top: 5vw;
            }
            .num {
                position: relative;
                .all {
                    position: absolute;
                    right: 1vw;
                    bottom: 10vw;
                    font-size: @font14;
                    color: @color1f3f59;
                    font-weight: 700;
                    display: inline-block;
                    border-left: 2px solid @line;
                    padding-left: 2.5vw;
                }
                .alse {
                    font-size: @font14;
                    color: @color5e5e5e;
                    line-height: 8vw;
                }
            }
            .mobileCode {
                position: relative;
                .prompt {
                    position: absolute;
                    right: 0;
                    width: 25vw;
                    background: @up;
                    color: #FFFFFF;
                    font-size: @font12;
                    border-radius: 1.2vw;
                    bottom: 1vw;
                }
            }
            .btnWarp {
                .allBtn();
            }
        }
    }
}

#systemSet {
    .systemSetWarp {
        .loginReightTitle();
        .contents(88%);
        .lisWarp {
            .lis {
                position: relative;
                .van-icon {
                    position: relative;
                    top: 2px;
                }
                .height(12.5vw);
                border-bottom: 1px solid @line;
                span {
                    margin-left: 2vw;
                    color: @color1f3f59;
                    font-weight: 700;
                    font-size: @font16;
                }
                .van-icon-arrow {
                    position: absolute;
                    right: 0;
                    top: 43%;
                    color: @colorc5cfd5;
                }
            }
            .switch {
                .van-switch {
                    position: absolute;
                    right: 0;
                    top: 30%;
                    height: 5vw;
                    width: 10vw;
                    .van-switch__node {
                        width: 5.5vw;
                        height: 5.5vw;
                        position: relative;
                        top: -1px;
                    }
                }
            }
        }
    }
    //弹框样式
    .van-popup--right {
         height: 100%;
         width: 100%; 
         background: #FFFFFF;
        .langeWarp {
            .return{
                line-height: 20vw;
            }
            .contents(88%);                    
            .loginReightTitle();
            .van-cell{
                line-height: 10vw;
            }
        }
    }
}